<template>
	<!-- 调用组件-->
	<home-header></home-header>
	<home-swipers :swiperList='swiperList'></home-swipers>
	<home-icons :IconList='IconList'></home-icons>
	<home-activity></home-activity>
	<home-local></home-local>
	<home-hot :HotList='HotList'></home-hot>
	<home-like :LikeList='LikeList'></home-like>
	<home-week :WeekList='WeekList'></home-week>
	<home-bottom></home-bottom>
</template>

<script>
	//引入Header.vue
	import HomeHeader from './pages/Header'
	import HomeSwipers from './pages/Swipers'
	import HomeIcons from './pages/Icons'
	import HomeActivity from './pages/Activity'
	import HomeLocal from './pages/Local'
	import HomeHot from './pages/Hot'
	import HomeLike from './pages/Like'
	import HomeWeek from './pages/Week'
	import HomeBottom from './pages/Bottom'
	import axios from 'axios'
	//导出
	export default {
		components: {
			HomeHeader,
			HomeSwipers,
			HomeIcons,
			HomeActivity,
			HomeLocal,
			HomeHot,
			HomeLike,
			HomeWeek,
			HomeBottom
		},
		data() {
			return {
				swiperList: [],
				IconList: [],
				HotList: [],
				LikeList: [],
				WeekList: []
			}
		},
		mounted() {
			axios.get('./dataHome.json').then((res) => {
				const msg = res.data.data[0]
				this.swiperList = msg.swiperList;
				this.IconList = msg.IconList;
				this.HotList = msg.HotList;
				this.LikeList = msg.LikeList;
				this.WeekList = msg.WeekList;
			})
		}
	}
</script>

<style>

</style>
